<template>
	<view class="outer basic-style">
		<!-- 项目名称区域 -->
		<view class="content-head">
			<view class="content-head-font">
				{{totalData.projectName}}
			</view>
		</view>
		<!-- 其他主题内容区域，左右布局 -->
		<view class="content-body">
			<view class="content-body-flex">
				<view class="content-body-flex-font">项目类型</view>
				<view>{{totalData.isRdTask_dictText}}</view>
			</view>
			<view class="content-body-flex">
				<view class="content-body-flex-font">业务分类</view>
				<view>{{totalData.categoryName}}</view>
			</view>
			<view class="content-body-flex">
				<view class="content-body-flex-font">已填报工时（小时）</view>
				<view>{{Number(totalData.lastFillHours).toFixed(1)}}</view>
			</view>
		</view>
		<view class="content-footer">
			<view class="content-footer-flex">
				<view class="content-footer-flex-item"></view>
				<view class="content-footer-flex-item">今日投入工时（小时）：</view>
				<slot>
					<view class="content-footer-flex-item">步进器</view>
				</slot>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		name: 'taskTimeMainContent',
		props: {
			totalData: {
				type: Object,
			},
			isLastWeek:{
				type:Boolean,
				default:false,
				required:false
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.content-head {
		&-font {
			color: rgb(54, 110, 245);
			// font-size: 32rpx;
			font-weight: bold;
		}
	}

	.content-body {
		&-flex {
			display: flex;
			justify-content: space-between;

			&-font {
				font-weight: bold;
			}
		}
	}

	.content-footer {
		width: 100%;

		&-flex {
			display: flex;
			width: 100%;
			align-items: center;

			&-item {

				// width:100%;
				&:first-child {
					// 根据实际情况设置flex-grow
					flex-grow: 1;
				}

				&:nth-child(2) {}
			}
		}
	}
</style>